* { margin:0; padding:0; } /* We need to reset all dimensions */
a, :focus { outline: 0; } /* Prevent outlines in links and elements in general */
a, button { cursor: pointer; } /* All links and buttons should show a hand cursor */

/* CSS Styles */
body {
    /* This is a mootools requirement for uniform dimension management accross browsers; it is safe to use padding */
    margin: 0;
    border-width: 0;
    height: 100%;
    /*width: 100%;*/ /* No width as strict browsers do take into account the vertical scrollbar.*/
}
div.view-frame {
    border: 1px solid #8b919f;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: #e2effd;
    font-size: 12px;
    font-family: verdana, arial, calibri, sans-serif;
}
div.view-caption {
    line-height: 1em;
    border-style: none;
    color: #333333;
    font-weight: normal;
    margin: 0;
    padding: 8px;
    font-size: 12px;
}

div.view-description {
    padding: 15px;
}


div.view-container * { line-height: 1em; margin: 0; }
div.view-container input, div.view-container select, div.view-container textarea,
div.view-frame input, div.view-frame select, div.view-frame textarea {
    font-family: verdana, arial, calibri, sans-serif;
    font-size: 12px;
}
div.view-container select, div.view-frame select {
    width: 182px;
    padding: 3px;
    border: 1px solid #bbb;
}
div.view-container optgroup, div.view-container option,
div.view-frame optgroup, div.view-frame option {
    font-family: verdana, arial, calibri, sans-serif;
    font-size: 12px;
    font-style: normal;
    width: auto;
    color: #333;
    margin: 2px;
}
div.view-container optgroup, div.view-frame optgroup {
    color: #666;
    border-top: 1px dotted #bbb;
    margin: 3px;
    padding: 3px;
}
div.view-toolbar {
    background-color: #f0f0f0;
    cursor: default;
    vertical-align: baseline;
    padding: 1px;
    border: 1px solid #d8d8d8;
}
div.view-toolbar select { width: auto; font-size: 11px; padding: 1px; }
span.view-toolbar-split {
    display: block;
    float: left;
    width: 6px;
    height: 24px;
    padding: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/std.toolbar.split.gif);
    cursor: default;
}
div.view-toolbar table {
    border-spacing: 0;
    width: 100%;
    border-collapse: collapse;
    height: 16px;
    margin: 0;
    padding: 0;
}
div.view-toolbar table td {
    border-spacing: 0;
    vertical-align: middle;
    white-space: nowrap;
    font-size:11px;
    font-weight:normal;
}
span.view-toolbar-label, a.view-toolbar-button-menu, a.view-toolbar-button {
    display: block;
    float: left;
    border: solid 1px #f0f0f0;
    text-decoration: none;
    color: #000;
    padding: 0;
    padding-right: 6px;
    padding-left: 6px;
    cursor: default;
    line-height: 24px;
    vertical-align: middle;
}s
span.view-toolbar-label { color:#666666; font-size:12px; }
a.view-toolbar-button-menu:hover, a.view-toolbar-button:hover, a.view-toolbar-button:focus {
    border-color: #9ebae1;
    background-repeat: repeat-x;
    background-position: top;
    background-image: url('../img/std.grid.headers.bg.over.gif');
    background-color: #b7e7fb;
    color: #333;
    text-decoration: none;
}
a.view-toolbar-button-menu span, a.view-toolbar-button span {
    display: block;
    float:left;
    overflow: hidden;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 4px;
    margin-top: 4px;
    cursor: default;
}
div.view-toolbar-buttonmenu {
    visibility: hidden;
    display: block;
    position: absolute;
    border: 1px solid #979797;
    background-color: #f0f0f0;
    font-family: verdana, arial, calibri, sans-serif;
    font-size: 11px;
    padding: 3px;
    background-image: url(../img/std.grid.toolbar.menuitem.gif);
    background-repeat: repeat-y;
    background-position: 3px center;
}
div.view-toolbar-buttonmenu a.menubutton-item,
div.view-toolbar-buttonmenu a.menubutton-item-checked {
    display: block;
    color: #222;
    text-decoration: none;
    padding: 7px;
    padding-left: 33px;
    padding-right: 10px;
    cursor: default;
    border: 1px solid transparent;
}
div.view-toolbar-buttonmenu a.menubutton-item:hover,
div.view-toolbar-buttonmenu a.menubutton-item-checked:hover {
    text-decoration: none;
    color: #000;
    background-color: #e0edf3;
    border: 1px solid #a8d8eb;
}
div.view-toolbar-buttonmenu a.menubutton-item-checked {
    background-image: url(../img/std.grid.toolbar.menuitem.checked.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
}
div.view-toolbar-buttonmenu a.menubutton-splitter {
    display: block;
    color: #ccc;
    text-decoration: none;
    padding: 5px;
    margin-left: 30px;
    cursor: default;
    background-image: url(../img/std.grid.toolbar.menusplitter.gif);
    background-repeat: repeat-x;
    background-position: center center;
    font-size: 1px;
}
div.view-error input, div.view-error button,
div.view-message input, div.view-message button { margin-top: 15px; }
div.view-error, div.view-message {
    font-size: 11px;
    background-repeat: no-repeat;
    background-color: #fcfcfe;
    border: 1px solid #b8b8b8;
    line-height: 1.4em;
    padding: 10px;
    padding-left: 26px;
    padding-right: 16px;
    padding-bottom: 8px;
    background-position: 8px 10px;
    text-align: justify;
    position: absolute;
    width: 280px;
    cursor: default;
}
div.view-erroricon, div.view-messageicon {
    background: url('../img/std.form.gif') no-repeat 0 -52px;
    font-weight: bold;
    height: 20px;
    color: #333;
    cursor: default;
    display: block;
    padding-left: 20px;
}
div.view-messageicon { background: url('../img/std.form.gif') no-repeat 0 -76px; }
input.view-closemessage {
    display: block;
    float: right;
    text-decoration: none;
    padding: 2px 6px;
}
div.view-field-error {
    background: url('../img/std.form.gif') no-repeat 0 -52px;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-left: 8px;
    margin-top: 3px;
}
div.view-tooltip {
    font-family: verdana, arial, calibri, sans-serif;
    font-size: 11px;
    position: absolute;
    width: 156px;
    text-align: left;
    cursor: default;
    color: #555;
}
div.view-tooltip-bottom {
    background-image: url('../img/std.form.tooltip.bottom.gif');
    background-repeat: no-repeat;
    height: 8px;
    display: block;
}
div.view-tooltip-content {
    background-image: url('../img/std.form.tooltip.content.gif');
    background-repeat: repeat-y;
    display: block;
    padding-left: 6px;
    padding-right: 14px;
    padding-top: 0px;
    padding-bottom: 3px;
    line-height: 1.4em;
    vertical-align: text-top;
    margin-top: -3px;
    text-align: left;
    font-family: verdana, arial, calibri, sans-serif;
}
div.view-tooltip-top {
    background-image: url('../img/std.form.tooltip.top.gif');
    background-repeat: no-repeat;
    height: 8px;
    display: block;
}
a.view-button {
    white-space: nowrap;
    border: solid 1px #bfbfbf;
    color: #222;
    background-image: url('../img/std.form.button.gif');
    background-repeat: repeat-x;
    background-position: top;
    text-align: center;
    margin-left: 6px;
    margin-right: 6px;
    padding: 6px 26px;	
    text-decoration: none;
    min-width: 200px;
    line-height: 24px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
a.view-button:hover, a.view-button:focus { background-position: bottom; text-decoration: none; }
a.view-button-disabled {
    white-space: nowrap;
    border: solid 1px #bcbcbc;
    color: #9d9d9d;
    background-image: url('../img/std.form.button.gif');
    background-repeat: repeat-x;
    background-position: top;
    text-align: center;
    margin-left: 6px;
    margin-right: 6px;
    padding: 6px 26px;	
    text-decoration: none;
    min-width: 200px;
    line-height: 24px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    cursor: default;
}
div.view-message-buttonpanel {
    text-align: right;
    padding: 6px;
    padding-top: 10px;
}
div.view-breadcrumb {
    padding: 3px;
    margin-bottom: 9px;
    border-bottom: 1px solid #8B919F;
    font-size: 11px;
}
div.view-breadcrumb span { padding: 1px 6px; }
ul.formview-tabtitle-container {  /* @todo Remove formview to tab classes */
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 4px;
    padding-top: 6px;
    padding-left: 4px;
    height: 32px;
    border-bottom: 2px solid #ccc;
    background-color: transparent;
    font-size: 12px;
    padding-bottom: 1px;
}
li.formview-tabtitle, li.formview-tabtitle-inactive {
    float: left;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    -moz-border-radius-topleft:6px;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
}
li.formview-tabtitle {
    background-color: #fafafa;
    color: #000;
    border: 1px solid #ccc;
    border-bottom-width: 1px;
    border-bottom-color: #fafafa;
    padding-bottom: 6px;
}
li.formview-tabtitle-inactive {
    background-image: url("../img/std.grid.headers.bg.gif");
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #e9e9e9;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
    padding-top: 5px;
}
li.formview-tabtitle-inactive:hover { /* @todo Fix this, hover isnt valid */
    background-color: #f0f0f0;
    color: #333;
}
div.formview-tabpage {
    clear: both;
    margin: 10px;
    margin-top: 0;
    padding: 4px;
}
div.formview-tabpage-nooffsets {
    clear: both;
    margin: 0px;
    margin-top: 0;
    padding: 0px;
}
div.mask {
    position: absolute;
    opacity: 0.10;
    filter: alpha(opacity=10); /* IE 6-7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /* IE8 */
    z-index: 500;
    background: #000;
}